<template>
    <div>
       <!-- ================================= 底部 ================================ -->
       <div class="footer adapt-pc">
            <div class="w" style="padding-top: 30px;">
                <!-- <div class="fleft f0">
                    <i class="iconfont icon-xinlogo"></i>
                    <i class="iconfont icon-slg "></i>
                </div> -->
                <div class="fleft f3">
                    <p class="f_t">移民国家</p>
                    <p v-for="item in allListBtm" @click="gocountry(item)" style=" cursor: pointer;">
                        {{item.continent.name}}
                        <!-- <router-link :to="{path: '/Project', query: {id: item.id} }">{{item.continent.name}}</router-link> -->
                        <!-- <a class="Js-zixun" href="javascript:;">美洲移民</a> -->
                        </p>
                    <!-- <p><a class="Js-zixun" href="javascript:;">欧洲移民</a></p>
                    <p><a class="Js-zixun" href="javascript:;">亚洲移民</a></p>
                    <p><a class="Js-zixun" href="javascript:;">大洋洲移民</a></p> -->
                    <!-- <p><a href="Score.html" target="_blank">在线打分</a></p> -->
                </div>
                <div class="fleft f3">
                    <p class="f_t">海外房产</p>
                    <p v-for="(it,index) in houseList" :key="index" class="nav-mo">
                        <router-link :to="{path:'/House',query:{id:it.id}}" style="line-height: 0;">{{it.name}}房产</router-link>
                        
                    </p>
                </div>
                
                
                
                <!-- <div class="fleft f3">
                    <p class="f_t">海外留学</p>
                    <p><a href="Project.html" target="_blank">美洲留学</a></p>
                    <p><a href="index1.html" target="_blank">欧洲留学</a></p>
                    <p><a href="Speciallist.html" target="_blank">亚洲留学</a></p>
                    <p><a href="Article.html" target="_blank">大洋洲留学</a></p>
                </div> -->
                <div class="fleft f3">
                    <p class="f_t">关于我们</p>
                    <router-link :to="{path:'/aboutus'}">
                        <p>关于我们</p>
                    </router-link>
                    <router-link :to="{path:'/contact'}">
                        <p>联系我们</p>
                    </router-link>
                    <router-link :to="{path:'/news'}">
                        <p>资讯</p>
                    </router-link>
                    <!-- <p><a href="aboutus" target="_blank">关于我们</a></p>
                    <p><a href="contact" target="_blank">联系我们</a></p>
                    <p><a href="news" target="_blank">资讯</a></p> -->
                </div>
                <div class="fleft f3" style="width:200px;">
                    <p class="f_t">客服电话</p>
                    <p class="tel400">0532-8861-9019</p>
                    <p>7×24 移民咨询服务热线</p>
                </div>
                <div class="footer_logo fright">
                    <img src="@/assets/picture/jiade-qrcode.jpg" alt="">
                    <p class="p">关注<a id="sogousnap0_6"></a>官方订阅号</p>
                </div>
                <div class="clear"></div> 
                    
                <div class="hr" style="padding-top: 30px; border-bottom: 1px solid #e9e9e9; ">
                
                </div>

            </div>

            
                <!-- <p class="bei" style="color: #82888A;margin-top: 30px; text-align: center;">
                    © 2010-
                    2023
                    <a id="sogousnap0_7"></a>
                    <a target="_blank" href="" style="margin:0 10px 10px 10px; color: #82888A;">
                        <img src=""> 粤公网安备 44030502000839号
                    </a>
                    <a style="color: #82888A;" href="https://beian.miit.gov.cn/">粤ICP备16111858号-1</a>
                </p> -->
        </div>
        <div class="footer adapt-m">
            <ul>
                <li>
                    <a href="tel:0532-8861-9019" rel="nofollow">
                        <img src="@/assets/picture/footer-icon1.png">
                        <span>电话咨询</span></a>
                </li>
                <li>
                    <a href="javascript:;" class="Js-zixun">
                        <img src="@/assets/picture/footer-icon2.png">
                        <span>在线客服</span></a>
                </li>
                <li>
                    <router-link :to="{path:'/evaluate'}">
                        <img src="@/assets/picture/footer-icon3.png">
                        <span>自主评估</span>
                    </router-link>
                    <!-- <a href="evaluate" target="_blank">
                        <img src="@/assets/picture/footer-icon3.png">
                        <span>自主评估</span>
                    </a> -->
                </li>
            </ul>
                
            <!-- <cite>
                <a href="" target="_blank">关于我们</a>|
                <a href="" target="_blank">联系我们</a>|
                <a href="" target="_blank">服务优势</a>|
                <a href="" target="_blank">免责声明</a>
            </cite> -->
           <!--  <p>
            <a target="_blank" href="" style="margin:0 10px 10px 10px; color: #82888A;">
                <img src="static/picture/jinghui.png"> 
                粤公网安备 44030502000839号
            </a><br>© 2010-2018 
            <a id="sogousnap0_8"></a> 
            <a style="color: #82888A;" href="">粤ICP备16111858号-1</a></p>
         -->
        </div>
    </div>
</template>

<script>
  // import httpApi from '@/api/index'
  export default {
    name: "PageFooter",
    props: ['allListBtm', 'houseList'],
    data(){
        return {

        }
    },
      mounted() {

      },
    methods:{
        gocountry(item){
            let id = item.countryList[0].id;
            this.$router.push({
                name: '/Project',
                query: { id: id }
            },() =>{})
        }
    }
  }
</script>

<style lang="scss" scoped>
.search-header{
    background: #f5f5f5;padding: 10px 0;
    .center{
        margin: 0 auto;width: 90%;color: #bbb;
        span{margin-right: 20px;color: #bbb;}
        form{
            display: inline-block;
            float: right;
            position: relative;
            top: -5px;
            margin-right: 30px;
            .btn-search{
                background: #006C2E;
                display: inline-block;
                border: none;
                color: #fff;
                padding: 0px 10px;
                height: 28px;
                line-height: 28px;
                border-radius: 4px;
                width: auto;
                font-size: 14px;
                margin-left: 10px;
            }
            .input-search{
                background:none;
                border:1px solid #ddd;
                display: inline-block;
                line-height: 28px;height: 28px;
                padding: 0 10px;border-radius: 4px;
                width: 160px;
            }
        }
    }
}
.content{
    background-color: rgba(255, 255, 255, 0.95);
    width: 425px;
    border: 1px solid #000000;
    border-radius: 6px;
    padding: 10px;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-bottom: 30px;
    font-size: 20px;
    position: relative;
    form{
        font-size: 0;
    }
    .close{
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 24px;
        cursor: pointer;
    }
}
</style>